import {defineComponent} from "vue";
import {FormDialog, FormLayout, FormItem, Input} from "@formily/antdv";
import {createSchemaField} from "@formily/vue";
const {SchemaField} = createSchemaField({
    components: {
        FormItem,
        Input,
    },
});
const DialogForm = defineComponent({
    data() {
        const schema = {
            type: "object",
            properties: {
                aaa: {
                    type: "string",
                    title: "输入框1",
                    required: true,
                    "x-decorator": "FormItem",
                    "x-component": "Input",
                },
                bbb: {
                    type: "string",
                    title: "输入框2",
                    required: true,
                    "x-decorator": "FormItem",
                    "x-component": "Input",
                },
                ccc: {
                    type: "string",
                    title: "输入框3",
                    required: true,
                    "x-decorator": "FormItem",
                    "x-component": "Input",
                },
                ddd: {
                    type: "string",
                    title: "输入框4",
                    required: true,
                    "x-decorator": "FormItem",
                    "x-component": "Input",
                },
            },
        };
        return {
            schema,
        };
    },
    render() {
        return (
            <FormLayout labelCol={6} wrapperCol={10}>
                <SchemaField schema={this.schema} />
                <FormDialog.Footer>
                    <span style={{marginLeft: "4px"}}>扩展文案</span>
                </FormDialog.Footer>
            </FormLayout>
        );
    },
});

export default DialogForm;
